<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>金贵银业</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!--标准mui.css-->
    <link rel="stylesheet" href="css/mui.min.css">
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="css/app.css" />
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <style>
        .title {
            margin: 20px 15px 10px;
            color: #6d6d72;
            font-size: 15px;
        }
    </style>
</head>

<body style="padding-bottom: 150px;">
<div class="mui-bar mui-bar-nav" style="height: 48px;">
    <!--
        时间：2016-03-24
        描述：左边按钮
        <a class="mui-pull-left left-btn"></a>
    -->

    <a href="javascript:;" class="mui-pull-left font_sz_16" style="background-image: none; line-height: 45px; height: 45px;overflow: hidden;width: 12%;display: none;" id="login_name"></a>
    <a href="/mobile/index.php?act=register" class="mui-pull-left font_sz_16" style="background-image: none; line-height: 45px; height: 45px;overflow: hidden;width: 12%;" >注册</a>

    <!--
时间：2016-03-24
描述：右边按钮
<a class="mui-icon mui-pull-right right-btn"><span class="mui-badge">36</span></a>
-->

    <a id="logoutbtn" class="mui-icon mui-pull-right font_sz_16" style="line-height: 27px; height: 27px;display: none;" href="javascript:void(0);">登出</a>

    <a  class="mui-icon mui-pull-right font_sz_16" style="line-height: 27px; height: 27px;" href="tmpl/member/login.html">登入</a>

    <!--
时间：2016-03-24
描述：中间搜索放大镜
-->
    <form>
        <a class="fandajin-btn"></a>
        <h1 class="mui-title"><input style="padding-left: 40px; width: 83%; " type="text" id="keyword" placeholder="在此输入内容..."/> </h1>
    </form>
</div>
<style >
    .mui-active span {color:#666;}
</style>
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item1" href="/wap/">
        <span style="margin: -2px 0 2px 0;" class="mui-icon"><img style="width: 20px;" src="images/index_112.jpg"></span>
        <span class="mui-tab-label">首页</span>
    </a>

    <a class="mui-tab-item1" id="tabbar-with-fenlei" href="/wap/tmpl/product_first_categroy.html">
        <span class="mui-icon "><img style="width: 20px;" src="images/index_115.jpg"></span>
        <span class="mui-tab-label">分类</span>
    </a>

    <a class="mui-tab-item1" id="tabbar-shoppingcart" href="/wap/tmpl/cart_list.html">
        <span class="mui-icon "><img style="width: 20px;" src="images/gouwuche239.png"><span class="mui-badge" style="display: none;">9</span></span>
        <span id="gouwuche" class="mui-tab-label">购物车</span>
    </a>

    <a class="mui-tab-item1" id="tabbar-me-contact" href="/wap/tmpl/member/member.html?act=member">
        <span style="margin: -2px 0 2px 0;" class="mui-icon"><img style="width: 20px;" src="images/1_055.png"></span>
        <span class="mui-tab-label">我</span>
    </a>
</nav>

<div class="mui-content mt45">

            <div id="slider" class="mui-slider mui-active">
                <div id="shangpinxiangqing" class="mui-slider-group mui-slider-loop">
                    <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->

                    <div class="mui-slider-item mui-slider-item-duplicate">
                        <a href="<%=slider_list[0]['link'];%>">
                            <img src="/data/upload/mobile/sliders/<%=slider_list[0]['gc_thumb'];%>">
                        </a>
                    </div>
                    <% for(n=1;n<slider_list.length;n++){%>
                    <!-- 第<?php echo $n++;?>张 -->
                    <div class="mui-slider-item">
                        <a href="<%=slider_list[n]['link'];%>">
                            <img src="/data/upload/mobile/sliders/<%=slider_list[n]['gc_thumb'];%>">
                        </a>
                    </div>
                    <% }%>

                    <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
                    <div class="mui-slider-item mui-slider-item-duplicate">
                        <a href="<%=slider_list[0]['link'];%>">
                            <img src="/data/upload/mobile/sliders/<%=slider_list[0]['gc_thumb'];%>">
                        </a>
                    </div>
                </div>
                <div class="mui-slider-indicator">
                    <% for(n=1;n<slider_list.length;n++){%>
                    <div class="mui-indicator<% if(n==1){%> mui-active<% }%>"></div>
                    <% }%>
                </div>
            </div>
</div>

<div class="index-daohang-item">
    <ul>
        <li><a href="index.php?act=favorite"><img src="images/index_17.png" />
            <p>1元购</p></a>
        </li>
        <li><a href="index.php?act=shipping"><img src="images/index_19.png" />
            <p>限时抢购</p></a>
        </li>
        <li><a href="index.php?act=goods_browse"><img src="images/index_21.png" />
            <p>品牌团</p></a>
        </li>
        <li><a href="index.php?act=brand"><img src="images/index_23.png" />
            <p>即将上线</p></a>
        </li>
    </ul>
    <p></p>
    <div style="padding-left: 10px;padding-bottom: 5px;" class="font_sz_14">
        <label class="font_weight_bolder">金银商城</label>
        <label class="font_weight_bolder bg_red color_FFFFFF border_radius_4" style=" padding: 2px 2px 1px 2px;">公告</label>：
        <label class="font_weight_bolder" style="color: red;">HOT</label>
        <label style="color: #666;"><a href="javascript:void(0);"><%=article[0]['article_title'];%></a></label>
    </div>
</div>

<!--
    作者：569154771@qq.com
    时间：2016-03-24
    描述：限时快抢
-->
<style>
    .time-remain {display: block;}
    .time-remain em { background-color: rgba(0, 0, 0, 0.58); color: #FFFFFF; border-radius: 3px;padding: 2px 6px; margin: 3px;font-size: 16px;}
</style>
<div style=" width:100%; height: 161px;margin-top: 10px;">

    <div style="float: left;width: 40%; border-right: 1px solid #EEEEEE;height: 161px;background-color: #ffffff;text-align: center" class="xianshi">
        <img style="width:70%;position: relative;"  src="images/index_29_03.jpg">
        <% for(i=0;i<xianshi_item.length;i++){ %>
				<span class="time-remain" count_down="<%=xianshi_item[i]['end_time'];%>" style="color: #000000;height: 20px;position: relative;
"><i></i><em time_id="h" >0</em>: <em time_id="m">0</em>:<em time_id="s">0</em></span>
        <a href="tmpl/product_detail.html?goods_id=<%=xianshi_item[i].goods_id;%>"><img style="width:100%;margin-top:10px;" src="/data/upload/shop/store/goods/<%=goods_list[i].store_id;%>/<%=xianshi_item[i].goods_image.replace('.jpg','_240.jpg');%>"></a>
        <% } %>
    </div>

    <div style="float: left; width: 60%;">

        <div style="float:left;height: 81px;border-bottom: 1px solid #EEEEEE;">
            <a href="<%=top_adv[0]['content']['adv_pic_url'];%>">
                <img style="width: 100%; height: 80px;" src="/data/upload/shop/adv/<%=top_adv[0]['content']['adv_pic'];%>">
            </a>
        </div>
        <div>
            <div style="float: left; width: 50%;border-right: 1px solid #EEEEEE;height: 80px;">
                <a href="<%=top_adv[1]['content']['adv_pic_url'];%>">
                    <img style="width: 100%; height: 80px;" src="/data/upload/shop/adv/<%=top_adv[1]['content']['adv_pic'];%>">
                </a>

            </div>
            <div style="float: left;  width: 50%;height: 80px;">
                <a href="<%=top_adv[2]['content']['adv_pic_url'];%>">
                    <img style="width: 100%; height: 80px;" src="/data/upload/shop/adv/<%=top_adv[2]['content']['adv_pic'];%>">
                </a>
            </div>
        </div>

    </div>

</div>

<div style="margin-top: 10px; margin-bottom: -4px;">
    <a href="<%=index_banner[0]['content']['adv_pic_url'];%>">
        <img style="width: 100%;" src="/data/upload/shop/adv/<%=index_banner[0]['content']['adv_pic'];%>">
    </a>
</div>

<!--
    作者：569154771@qq.com
    时间：2016-03-24
    描述：品牌特卖
-->
<div style="background: #FFFFFF; padding-top: 15px;min-height: 270px;">
    <img style="width: 100%;" src="images/index_41.jpg">

    <ul class="pinpai_list">

        <li><a href="<%=index_brand[0]['content']['adv_pic_url'];%>">
            <div><img src="/data/upload/shop/adv/<%=index_brand[0]['content']['adv_pic'];%>"></div>
            <div>
                <label><%=index_brand[0]['adv_title'];%></label>
                <label style="float: right;padding-right: 5%">全场
                    <label class="color_red"> <%=index_brand[0]['buy_style'];%></label>折起</label>
            </div></a>
        </li>

        <li><a href="<%=index_brand[1]['content']['adv_pic_url'];%>">
            <div><img src="/data/upload/shop/adv/<%=index_brand[1]['content']['adv_pic'];%>"></div>
            <div>
                <label><%=index_brand[1]['adv_title'];%></label>
                <label style="float: right;padding-right: 5%">全场
                    <label class="color_red"> <%=index_brand[1]['buy_style'];%></label>折起</label>
            </div></a>
        </li>
        <li><a href="<%=index_brand[2]['content']['adv_pic_url'];%>">
            <div><img src="/data/upload/shop/adv/<%=index_brand[2]['content']['adv_pic'];%>"></div>
            <div>
                <label><%=index_brand[2]['adv_title'];%></label>
                <label style="float: right;padding-right: 5%">全场
                    <label class="color_red"> <%=index_brand[2]['buy_style'];%></label>折起</label>
            </div></a>
        </li>
        <li><a href="<%=index_brand[3]['content']['adv_pic_url'];%>">
            <div><img src="/data/upload/shop/adv/<%=index_brand[3]['content']['adv_pic'];%>"></div>
            <div>
                <label><%=index_brand[3]['adv_title'];%></label>
                <label style="float: right;padding-right: 5%">全场
                    <label class="color_red"> <%=index_brand[3]['buy_style'];%></label>折起</label>
            </div></a>
        </li>
    </ul>
</div>


<!--
    作者：569154771@qq.com
    时间：2016-03-24
    描述：黄金专区
-->

<div id="home-cnt-wp"></div>
</body>

<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/template.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/swipe.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/tmpl/footer.js"></script>

<script src="http://www.zhaojinyin.cn/mobile/resource/js/mui.min.js"></script>
<script type="text/javascript" charset="utf-8">

    mui.init({
        swipeBack: true //启用右滑关闭功能
    });
</script>
</html>